<div class="col-md-3 hidden-xs hidden-sm">
    <!-- 搜索 -->
  <aside class="widget clearfix">
    <form id="searchform" method="post" action="{% url 'search' %}">
        {% csrf_token %}
      <div class="input-group">
        <input class="form-control" placeholder="搜索…" name="s" type="search">
        <span class="input-group-btn">
        <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
        </span> </div>
    </form>
  </aside>
    <!-- 文章分类 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">文章分类</h4>
    <div class="widget-cat">
      <ul>
          {% for i in categorys %}

          <li><a href="{% url 'category' i.id %}" title="{{ i.name }}">{{ i.name }}</a>
              ({{ i.related_article_category.all|length }})
          </li>
          {% endfor %}
      </ul>
    </div>
  </aside>
    <!-- 热门文章 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">热门文章</h4>
    <ul class="widget-hot">
        {% for i in articles %}
      <li><a href="{% url 'blog' i.id %}" target="_blank">{{ i.title }}
      </a>

      </li>
        {% endfor %}
    </ul>
  </aside>
    <!-- 随机推荐 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">随机推荐</h4>
    <ul class="widget-hot">
        {% for i in articles %}
      <li><a href="{% url 'blog' i.id %}" title="第六章：产品工作(3) – 工作学习心得">{{ i.title }}</a></li>
    {% endfor %}
    </ul>
  </aside>
    <!-- 标签云 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">标签云</h4>
    <div class="widget-tags">
        {% for i in tags %}
      <a href="{% url 'tag' i.name %}" class="tag-cloud-link tag-link-33 tag-link-position-1" style="color:#9b32a5;font-size: 14.176470588235pt;" aria-label="Axure (9 items);">{{ i.name }}
      </a>
      {% endfor %}
    </div>
  </aside>
    <!-- 友情 -->

  <aside class="widget clearfix">
    <h4 class="widget-title">友情链接</h4>
    <ul class="widget-links">
        {%  for i in links %}
      <li><a href="{{ i.callback_url }}" target="_blank">{{ i.title }}</a>
      </li>
        {%  endfor %}

    </ul>
  </aside>
</div>